<!DOCTYPE html>
<html>
	{include file="public/header" /}
	<body>
		<div class="layui-form" lay-filter="layuiadmin-form-admin" id="layuiadmin-form-admin" style="padding: 20px 30px 0 0;">

			<div class="layui-form-item">
				<label class="layui-form-label">单号 </label>
				<div class="layui-input-block">
					<input disabled="disabled" type="number" name="OrderSn" lay-verify="title" autocomplete="off" placeholder="请设置菜单初始排序" class="layui-input" value="{$data.OrderSn}">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">代扣方式</label>
				<div class="layui-input-block">
					<input type="radio" name="type" value="3" title="到期还款" checked>
					<input type="radio" name="type" value="4" title="到期展期" >
				</div>
			</div>

			<div class="layui-form-item hide-box1 layui-hide">
				<label class="layui-form-label">展期费</label>
				<div class="layui-input-inline">
					<input type="text" name="zhanqifei" lay-verify="required" placeholder="请输入用户名" disabled="disabled" autocomplete="off" class="layui-input" value="{$data.zhanqifei}"> 
				</div>
			</div>
			<div class="layui-form-item hide-box1 layui-hide">
				<label class="layui-form-label">展期天数</label>
				<div class="layui-input-inline">
					<input disabled="disabled" type="text" name="ApplyDay" lay-verify="required" placeholder="请输入期数" autocomplete="off" class="layui-input" value="{$data.ApplyDay}">
				</div>
			</div>

			<div class="layui-form-item hide-box2">
				<label class="layui-form-label">还款金额</label>
				<div class="layui-input-inline">
					<input disabled="disabled" type="text" name="daoqiMoney" lay-verify="required" placeholder="请输入期数" autocomplete="off" class="layui-input" value="{$data.daoqiMoney}">
				</div>
			</div>

			<input type="hidden" name="ID" lay-verify="required" placeholder="隐藏域 编辑用户ID" autocomplete="off" class="layui-input" value="{$data.ID}">
			<div class="layui-form-item layui-hide">
				<button class="layui-btn" lay-submit lay-filter="LAY-user-back-submit" id="LAY-user-back-submit">提交</button>
			</div>
		</div>

		<!--<script src="../../../layuiadmin/layui/layui.js"></script>-->
		{include file="public/footer" /}

	</body>

</html>

<script>
	layui.use(['form'], function() {
		var $ = layui.$,
			form = layui.form;
		form.on('radio()', function(data){
			if(data.value == 3){
				$(".hide-box2").removeClass('layui-hide');
				$(".hide-box1").addClass('layui-hide');
			}else{
				$(".hide-box2").addClass('layui-hide');
				$(".hide-box1").removeClass('layui-hide');
			}
			form.render();
		});
	})
</script>